<template>
  <div style='height: 100%'>
   <Tabs v-model="tabKey" class="single-table-con">
      <TabPane label="数字化覆盖现状表" name="one">
        <iframeFormwork :codeMap="codeMap1" :iframeReadyCode="iframeReadyCode"/>
      </TabPane>
      <TabPane label="数字化覆盖目标表" name="two">
        <iframeFormwork :codeMap="codeMap2" :iframeReadyCode="iframeReadyCode"/>
      </TabPane>
      <TabPane  label="数字化覆盖率计算表" name="three">
        <iframeFormwork :codeMap="codeMap3" :iframeReadyCode="iframeReadyCode"/>
      </TabPane>
    </Tabs>
  </div>
</template>

<script>
import iframeFormwork from './components/iframeFormwork.vue'
export default {
  name: 'businessData',
  components:{
    iframeFormwork
  },
  data() {
    return {
      initFinish: false,
      // 数字化覆盖现状表
      codeMap1: ['SHARE_145_2022_TABLE_CODE'],
      // 数字化覆盖目标表
      codeMap2: ['SHARE_145_PLAN_TABLE_CODE'],
      // 数字化覆盖率计算表
      codeMap3: ['SHARE_145_COUNT_TABLE_CODE'],
      iframeReadyCode: 'SIGNON_LOGIN_URL'
    }
  },
}
</script>
<style lang="less" scoped>
.single-table-con {
    height: 100%;
    display: flex;
    flex-direction: column;
    /deep/.ivu-tabs-content {
      flex: 1;
    }
}
</style>
